


html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}
    


body{
    background: url(../img/fundo.png) ;
    
    

}

#geral{

    margin: 0px auto;
    width:990px;
    height: auto;
    border: 0;
    vertical-align:top;
    position:relative;
    background-color:#fbfcfd;

}



#topo_home{
    height: 540px;
    background: #fbfcfd;
}



#topo_empresa{
    background: url(../img/empresa.jpg) repeat;
}

#topo_producao{
    background: url(../img/rebanho.jpg) repeat;
}

#topo_produtos{
    background: url(../img/coalhada.jpg) repeat;
}

#topo_sobreleite{
    background: url(../img/sobreleite.jpg) repeat;
}

#topo_contato{
    background: url(../img/25-Cadastro.jpg) repeat;
}
.quadro{
    margin:0px auto 0 auto;
    width:954px; /* Make sure your images are the same size */
    height:275px; /* Make sure your images are the same size */
    -moz-border-radius:0px 10px 10px 10px;
    -webkit-border-radius:0px 0px 10px 10px;
    border-radius:0px 0px 10px 10px;
}

#conteudo_home{

    height: 280px;
    background: #fbfcfd;
}

#conteudo{

    height: 480px;
    background: #fbfcfd;
    
}


#coluna_esquerda{
    float:left;
    width: 330px; 
    background: #fbfcfd;
    height: 275px;
    position: relative;
    z-index: 2;
    text-align: center;

}

#coluna_esquerda h5{
    color: #0075bb;
    padding: 0px 5px 0 0px;

}

#coluna_central{
    float: left;
    width: 330px; 
    background: #fbfcfd;
    height: 275px;
    text-align: center;
}

#coluna_central h5{
    color: #0075bb;
    padding: 0px 0 0 0px;


}


#coluna_direita{
    float: right;
    width: 330px; 
    background: #fbfcfd;
    height: 275px;
    position: relative;
    z-index: 2;
    text-align: center;
}

#coluna_direita h5{
    color: #0075bb;
    padding: 0px 0 0 0px;
    


}

#coluna1{
    
    float: left;
    width: 495px;
    height: 480px;
   
}

#coluna1 img{
    margin-left: 20px;
    margin-top: 20px;
}

#coluna h5{
    color: #0075bb;
    padding: 0px 0 0 0px;


}

#video_empresa{
    margin-top: 20px;
    margin-left: 20px;
}

#coluna2{
    float:right;
    width: 495px;
    height: 480px;
    text-align: center;
    overflow-x:auto;
    
}

#coluna1 a:hover{
    color: #0075bb;
    
}

#coluna1 a:focus{
    color: #0075bb;
    
}



#coluna2 h5{
    margin-top: 20px;
    margin-left: 15px;
    float: left;  
    color: #0075bb;

    

}

#coluna2 h4{
    text-align: left;
    margin-top: 20px;
    margin-left: 15px;
    float: left;  
    color: #59595b;
    font: normal 17px Arial,Helvetica;
    

}
#rodape{
    height: 25px;
    background-color: white;
    border: 2px solid; /* As 4 bordas sólidas com 25px de espessura */
    border-color: #c9c5c5 #fbfcfd #fbfcfd #fbfcfd; /* cores: topo, direita, inferior, esquerda */
    position: relative;

}

#rodape h5{
    font-size: 12px;
    color: #59595b;
    margin: 5px 0 0 30px; 
    padding: 0 0 0 12px;
    line-height: 1.5em;
    background: url(../img/bullet.png) no-repeat;
}

#redes_sociais img{
    width: 30px;
    height: 30px;
    float: right;
    margin: -20px 10px 0 0;
}



nav{
    position:absolute;
    top:60px;
    right: 100px;
}

.logo{
    position:absolute;
    left: -10px;
    top: -40px;
    z-index: 120;
    
}


/* Clear floats */

.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix
{
    zoom: 1;
}

#content
{
    float:ce left;
    width: 690px;
}

aside
{
    float:none;
    width: 250px;
    margin-right: 20px;
}
/*
ul
{


    list-style:none;
    margin: 0;
    padding: 0;
    background-color:#fff;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow: 0 1px 0 #ccc;
    -webkit-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
}
*/
a
{
    color: #6F3736;
}  
/*
#menu li
{
    margin: 0 0 3px 0;
}
*/

/*
#menu a
{


    text-decoration: none;
    padding: 10px 5px;
    text-transform: uppercase;
    font: bold 10px Arial,Helvetica;


}
*/

#menus a
{
    color: #000;
    text-decoration: none;
    padding: 5px 5px;
    text-transform: uppercase;
    font: bold 10px Arial,Helvetica;


}


table {
    border-collapse:separate;
    border-spacing:0;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:"";
}
blockquote, q {
    quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
    display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/

a, a:visited {
    color:blue;
    text-decoration:none;
}
a:hover, a:active {
    color:#000;
    text-decoration:none;
}

.theme-default #slider {
    margin:0px auto 0 auto;
    width:954px; /* Make sure your images are the same size */
    height:520px; /* Make sure your images are the same size */
}



/*====================*/
/*=== Other Styles ===*/
/*====================*/



.clear {
    clear:both;
}

/* menu 1 */
ul#menu1{
    z-index: 140;
    position:absolute;
    top:0px;
    right: 40px;
    height: 30px;
    width: 600px;
    font: bold 12px Arial,Helvetica;

    list-style:none;
    margin: 0;
    padding: 0;
    background-color:#0075bb;
    color:#fff;


}

ul#menu1 li{
    position:relative;
    float:right;
    


}

ul#menu1 li a{

    display: block;
    color:#fff;
    float: left;
    padding: 0 10px;
    height: 20px;
    line-height: 25px;
    text-decoration: none;
    cursor: pointer;



}

/* menu 2 */

ul#menu2{
    z-index: 120;
    position:absolute;
    top:20px;
    right: 40px;
    height: 40px;
    width: 600px;
    font: bold 12px Arial,Helvetica;

    list-style:none;
    margin: 0;
    padding: 0;
    background-color:#fff;

    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    -moz-box-shadow: 0 1px 0 #ccc;
    -webkit-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;

}


ul#menu2 li{
    position:relative;
    float:left;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    


}

ul#menu2 li a{

    display: block;
    color:#59595b;
    float: left;
    padding: 0 15px;
    height: 30px;
    line-height: 25px;
    text-decoration: none;
    cursor: pointer;



}


ul#menu2 li a:hover{
    color: #ccc;
}



ul#menu2 li ul{
    display: none;
    position: absolute;
    top: 31px;
    
    list-style:none;
    margin: 0;
    padding: 0;
    background-color:#fff;



}
ul#menu2 li:hover ul{
    display: block;



}

ul#menu2 li ul a{
    width: 60px;
    border-bottom: 1px solid #fff;


}


ul#menu2 li a:active{
    color: #000;
}


ul#sobreleite li a {
    text-align: left;
    margin-top: 20px;
    margin-left: 15px;
    float: left;  
    color: #59595b;
    margin: 15px 0 5px 20px; 
    padding: 0 0 0 20px;
    font: normal 12px Arial,Helvetica;
    background: url(../img/bullet.png) no-repeat;
    
}

ul#sobreleite li{
    list-style-type:none;
}

input{
padding: 6px;
background-image: -moz-linear-gradient(100% 80% 90deg,#eeeeee, #fbfcfd );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#fbfcfd));
-webkit-border-radius:10px;
border-radius: 10px;
behavior:url(border-radius.htc);
color: #59595b;
font-family:arial;
font-weight:normal;
border: 0px;

}

#form_cadastro{
    margin-top: 20px;
    margin-left: 40px;
    
}

#form_cadastro td{
    text-align: right;
    padding: 3px;
    color: #59595b;
    
}
